<!doctype html>
<html lang="en">
  <head>
    <title>The Red list of Items to have</title>
    <link rel="stylesheet" href="/stylesheets/red-web.css" type="text/css" media="screen" />
    <script type="text/javascript" src="/javascripts/jquery-1.4.2.js"></script>
  </head>
  <body>
  <section id="intro">
    <header>
      <h1>The Red List</h1>
      <h2>Only in HTML5</h2>
    </header>
    <p>This is my test project for rils on google appengine. html and ccs3</p>
    <img src="/images/intro_flower.jpg" alt="Flower"  />
    <nav>
      <ul>
        <li class="selected"><a href="#">Blog</a></li>
        <li><a class="menu_item" href="/movies/wish_list/0" target="list">Movies</a></li>
        <li><a class="menu_item" href="/songs" target="list">Songs</a></li>
        <li><a class="menu_item" href="/games" target="list">Games</a></li>
        <li><a class="menu_item" href="/books" target="list">Books</a></li>
        <li><a class="menu_item" href="/gadgets" target="list">Gadgets</a></li>
        <li><a class="menu_item" href="/comics" target="list">Comics</a></li>
        <li><a class="menu_item" href="/contacts" target="list">Contacts</a></li>
        <!--li class="subscribe"><a href="#">Subscribe via. RSS</a></li-->
      </ul>
    </nav>
  </section>
  <script>
    $(".menu_item").click(function(e){
      e.preventDefault();
      $('#list').load(this.href);
      $("#show").html("");

    });
  </script>

  <section id="mainContent">
    <aside>
      <section id="list">_
      </section>
    </aside>
    <article id="show" >_
    </article>
  </section>

  <section id="about">
    <footer>
      <section id="about">
        <header>
          <h3>About</h3>
        </header>
        <p>I am Djinn. not moch else to say here, just some bored guy here </p>
      </section>
      <section id="blogroll">
        <header>
          <h3>Blogroll</h3>
        </header>
        <ul>
          <li><a href="#">Blue</a></li>

        </ul>
      </section>
      <section id="popular">
        <header>
          <h3>Popular</h3>
        </header>
        <ul>
          <li><a href="#">Black</a></li>
        </ul>
      </section>
    </footer>
    </section>
  </body>
</html>